<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Seabird</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" />
<link href="style/css/bootstrap.css" rel="stylesheet">
<link href="style/css/settings.css" rel="stylesheet">
<link href="style/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
<link href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet">
<link href="style/css/color/green.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
<link href="style/type/fontello.css" rel="stylesheet">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if lt IE 9]>
<script src="style/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header>
  <div class="logo pull-left"> <a href="index.html"><img src="style/images/logo.png" alt="" /></a> </div>
  <ul class="contact-info pull-right">
    <li><i class="icon-mail"></i><a href="mailto:#">first.last@email.com</a></li>
    <li><i class="icon-phone-1"></i>+00 (123) 456 78 90</li>
  </ul>
</header>
<!-- /header -->
<div class="body-wrapper">
  <nav id="menu" class="menu">
    <ul id="tiny">
      <li><a href="index.html"><i class="icon-home icn"></i>Home</a>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="index2.html">Home II</a></li>
          <li><a href="index3.html">Home III</a></li>
          <li><a href="index4.html">Home IV</a></li>
        </ul>
      </li>
      <li><a href="portfolio.html"><i class="icon-magic icn"></i>Portfolio</a>
        <ul>
          <li><a href="portfolio.html">Portfolio</a></li>
          <li><a href="portfolio-post.html">Post with Slider</a></li>
          <li><a href="portfolio-post2.html">Post with Images</a></li>
          <li><a href="portfolio-post3.html">Post with Video</a></li>
        </ul>
      </li>
      <li><a href="about.html"><i class="icon-docs-1 icn"></i>Pages</a>
        <ul>
          <li><a href="about.html">About</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="page-with-sidebar.html">Page with Sidebar</a></li>
        </ul>
      </li>
      <li class="active"><a href="blog.html"><i class="icon-pencil icn"></i>Blog</a>
        <ul>
          <li><a href="blog.html">Grid Blog with Sidebar</a></li>
          <li><a href="blog2.html">Grid Blog without Sidebar</a></li>
          <li><a href="blog3.html">Blog Medium</a></li>
          <li><a href="blog4.html">Blog Large</a></li>
          <li><a href="blog-post.html">Blog Post</a></li>
        </ul>
      </li>
      <li><a href="elements.html"><i class="icon-cog-alt icn"></i>Features</a>
        <ul>
          <li><a href="elements.html">Elements</a></li>
          <li><a href="pricing-table.html">Pricing Table</a></li>
          <li><a href="retina-icons.html">Retina Icons</a></li>
        </ul>
      </li>
      <li><a href="contact.html"><i class="icon-mail icn"></i>Contact</a></li>
    </ul>
  </nav>
  <!-- /.menu -->
  
  <div class="box box-border pull-right">
    <div class="light-wrapper">
      <div class="container inner">
        <div class="page-header">
          <h1 class="page-title">Blog Large</h1>
        </div>
        <!-- /.page-header --> 
        <div class="row classic-blog">
          <div class="span8 content wide">
            <div class="post">
              <figure class="overlay"><a href="blog-post.html"> <img src="style/images/art/b1-wide.jpg" alt="" /> </a> </figure>
              <h2 class="post-title"><a href="blog-post.html">Adipiscing Porta Cursus Risus Ligula</a></h2>
              <div class="meta"><span class="date">15 June 2013</span> <span class="sep">|</span> <span class="categories"><a href="#">Aplication</a></span> <span class="sep">|</span> <span class="comments"><a href="#">8 Comments</a></span> <span class="sep"> | </span> <span class="likes"><a href="#">17 <i class="icon-heart"></i></a></span> </div>
              <!--/.meta-->
              <p>Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.</p>
              <a href="blog-post.html" class="continue">Continue reading &rarr;</a> </div>
            <!--/.post-->
            <div class="post">
              <figure class="overlay"><a href="blog-post.html"> <img src="style/images/art/b2-wide.jpg" alt="" /> </a> </figure>
              <h2 class="post-title"><a href="blog-post.html">Risus Commodo Etiam Pharetra Elit</a></h2>
              <div class="meta"><span class="date">12 June 2013</span> <span class="sep">|</span> <span class="categories"><a href="#">Grapic Design</a>, <a href="#">Icons</a></span> <span class="sep">|</span> <span class="comments"><a href="#">11 Comments</a></span> <span class="sep"> | </span> <span class="likes"><a href="#">19 <i class="icon-heart"></i></a></span> </div>
              <!--/.meta-->
              
              <p>Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla.</p>
              <a href="blog-post.html" class="continue">Continue reading &rarr;</a> </div>
            <!--/.post-->
            <div class="post">
              <figure class="player">
                <iframe src="http://player.vimeo.com/video/25073794?title=0&amp;byline=0&amp;portrait=0" width="500" height="281" overlayborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
              </figure>
              <h2 class="post-title"><a href="blog-post.html">Tellus Pharetra Fringilla Ullamcorper</a></h2>
              <div class="meta"><span class="date">9 June 2013</span> <span class="sep">|</span> <span class="categories"><a href="#">Illustration</a></span> <span class="sep">|</span> <span class="comments"><a href="#">13 Comments</a></span> <span class="sep"> | </span> <span class="likes"><a href="#">21 <i class="icon-heart"></i></a></span> </div>
              <!--/.meta-->
              
              <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi.</p>
              <a href="blog-post.html" class="continue">Continue reading &rarr;</a> </div>
            <!--/.post-->
            
            <div class="pagination">
              <ul>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">Next</a></li>
                <li><a href="#">Last</a></li>
              </ul>
            </div>
            <!-- /.pagination --> 
            
          </div>
          <!--/.content -->
          
          <aside class="span4 sidebar lp30">
            <div class="sidebox widget">
              <h3>Popular Posts</h3>
              <ul class="post-list">
                <li>
                  <figure class="overlay"> <a href="blog-post.html"><img src="style/images/art/th1.jpg" alt="" />
                    <div></div>
                    </a> </figure>
                  <div class="meta">
                    <h6><a href="blog-post.html">Magna Mollis Ultricies</a></h6>
                    <em>3 June 2013</em> </div>
                </li>
                <li>
                  <figure class="overlay"> <a href="blog-post.html"><img src="style/images/art/th2.jpg" alt="" />
                    <div></div>
                    </a> </figure>
                  <div class="meta">
                    <h6><a href="blog-post.html">Ornare Nullam Risus</a></h6>
                    <em>15 June 2013</em> </div>
                </li>
                <li>
                  <figure class="overlay"> <a href="blog-post.html"><img src="style/images/art/th3.jpg" alt="" />
                    <div></div>
                    </a> </figure>
                  <div class="meta">
                    <h6><a href="blog-post.html">Euismod Nullam</a></h6>
                    <em>9 June 2013</em> </div>
                </li>
              </ul>
              <!-- /.post-list --> 
            </div>
            <!-- /.widget -->
            <div class="sidebox widget">
              <h3>Search</h3>
              <form class="searchform" method="get">
                <input type="text" id="s2" name="s" value="type and hit enter" onfocus="this.value=''" onblur="this.value='type and hit enter'"/>
              </form>
            </div>
            <!-- /.widget -->
            <div class="sidebox widget">
              <h3>Custom Text</h3>
              <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
              <p>Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue. Fusce  mauris condimentum.</p>
            </div>
            <!-- /.widget -->
            <div class="sidebox widget">
              <h3>Categories</h3>
              <ul class="border-list">
                <li><a href="#">Web Design (21)</a></li>
                <li><a href="#">Photography (19)</a></li>
                <li><a href="#">Graphic Design (16)</a></li>
                <li><a href="#">Manipulation (15)</a></li>
                <li><a href="#">Motion Graphics (12)</a></li>
              </ul>
            </div>
            <!-- /.widget --> 
          </aside>
          <!-- /.span4 .sidebar --> 
          
        </div>
        <!--/.row--> 
      </div>
      <!--/.container--> 
    </div>
    <!--/.light-wrapper-->
    
    <footer class="black-wrapper">
      <div class="container inner">
        <div class="row">
          <section class="span4 widget">
            <h3 class="section-title widget-title">Popular Posts</h3>
            <ul class="post-list">
              <li>
                <h6><a href="blog-post.html">Vivamus sagittis lacus vel augue metus</a></h6>
                <em>3th Oct 2012</em> </li>
              <li>
                <h6><a href="blog-post.html">Scelerisque nisl consectetur et</a></h6>
                <em>28th Sep 2012</em> </li>
              <li>
                <h6><a href="blog-post.html">Pellentesque ornare sem lacinia quam</a></h6>
                <em>15th Aug 2012</em> </li>
            </ul>
            <!-- /.post-list --> 
          </section>
          <!-- /.widget -->
          <section class="span4 widget">
            <h3 class="section-title widget-title">Tags</h3>
            <div class="tagcloud"> <a href="#" style="font-size: 9pt;">blogroll</a> <a href="#" style="font-size: 19pt;">daily</a> <a href="#" style="font-size: 9pt;">dialog</a> <a href="#" style="font-size: 9pt;">gallery</a> <a href="#" style="font-size: 10pt;">journal</a> <a href="#" style="font-size: 9pt;">link</a> <a href="#" style="font-size: 12pt;">motion</a> <a href="#" style="font-size: 9pt;">music</a> <a href="#" style="font-size: 20pt;">photo</a> <a href="#" style="font-size: 13pt;">professional</a> <a href="#" style="font-size: 16pt;">quotation</a> <a href="#" style="font-size: 9pt;">show</a> <a href="#" style="font-size: 15pt;">sound</a> <a href="#" style="font-size: 9pt;">tv</a> <a href="#" style="font-size: 9pt;">video</a> <a href="#" style="font-size: 9pt;">gift</a> <a href="#" style="font-size: 19pt;">label</a> <a href="#" style="font-size: 9pt;">christmas</a> <a href="#" style="font-size: 9pt;">holiday</a> <a href="#" style="font-size: 10pt;">fun</a> <a href="#" style="font-size: 9pt;">recipes</a> <a href="#" style="font-size: 12pt;">concert</a> <a href="#" style="font-size: 9pt;">drinks</a> <a href="#" style="font-size: 20pt;">apps</a> <a href="#" style="font-size: 13pt;">iphone</a> <a href="#" style="font-size: 16pt;">ipad</a> <a href="#" style="font-size: 9pt;">develop</a> <a href="#" style="font-size: 15pt;">marketing</a> <a href="#" style="font-size: 9pt;">strategy</a> <a href="#" style="font-size: 13pt;">food</a> <a href="#" style="font-size: 12pt;">typography</a> <a href="#" style="font-size: 9pt;">mobile</a> <a href="#" style="font-size: 15pt;">envato</a> <a href="#" style="font-size: 9pt;">icon</a> <a href="#" style="font-size: 9pt;">coda</a> <a href="#" style="font-size: 20pt;">jquery</a> <a href="#" style="font-size: 9pt;">cms</a> </div>
          </section>
          <!-- /.widget -->
          <section class="span4 widget">
            <h3 class="section-title widget-title">Get In Touch</h3>
            <p>Fusce dapibus, tellus commodo, tortor mauris condimentum utellus fermentum, porta sem malesuada magna. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur.</p>
            <div class="divide10"></div>
            <i class="icon-location contact"></i> Moonshine St. 14/05 Light City, Jupiter <br />
            <i class="icon-phone contact"></i>+00 (123) 456 78 90 <br />
            <i class="icon-mail contact"></i> <a href="first.last@email.com">first.last@email.com</a> </section>
          <!-- /.widget --> 
        </div>
        <!-- /.row --> 
      </div>
      <!-- .container --> 
    </footer>
    <!-- /footer -->
    
    <div class="subfooter">
      <div class="container inner">
        <p class="pull-left">© 2013 Seabird. All rights reserved. Theme by <a href="http://elemisfreebies.com">elemis</a>.</p>
        <ul class="social pull-right">
          <li><a href="#"><i class="icon-s-rss"></i></a></li>
          <li><a href="#"><i class="icon-s-twitter"></i></a></li>
          <li><a href="#"><i class="icon-s-facebook"></i></a></li>
          <li><a href="#"><i class="icon-s-dribbble"></i></a></li>
          <li><a href="#"><i class="icon-s-pinterest"></i></a></li>
        </ul>
      </div>
      <!-- /.container --> 
    </div>
    <!-- /.subfooter --> 
  </div>
  <!--/.box--> 
</div>
<!--/.body-wrapper--> 
<script src="style/js/jquery.js"></script> 
<script src="style/js/bootstrap.min.js"></script> 
<script src="style/js/twitter-bootstrap-hover-dropdown.min.js"></script> 
<script src="style/js/ddsmoothmenu.js"></script> 
<script src="style/js/jquery.themepunch.plugins.min.js"></script> 
<script src="style/js/jquery.themepunch.revolution.min.js"></script> 
<script src="style/js/jquery.themepunch.showbizpro.min.js"></script> 
<script src="style/js/jquery.fancybox.pack.js"></script> 
<script src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script> 
<script src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script> 
<script src="style/js/jquery.meanmenu.2.0.min.js"></script> 
<script src="style/js/jquery.fitvids.js"></script> 
<script src="style/js/jquery.slickforms.js"></script> 
<script src="style/js/jquery.isotope.min.js"></script> 
<script src="style/js/google-code-prettify/prettify.js"></script> 
<script src="style/js/jquery.easytabs.min.js"></script> 
<script src="style/js/jquery.hoverdir.min.js"></script> 
<script src="style/js/scripts.js"></script>
</body>
</html>